<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>维莹官网</title>
    <link rel="stylesheet" href="style.css"/>
    <script src="myjs.js" charset="gb2312"></script>
</head>
<body>

<header>                                          <!-- 页眉 -->
    <a id="hah" href="home.html" title="维莹首页"><h1>维 莹</h1></a>                      <!-- logo点击跳往首页 -->
    <h3 id="hh">------幸福生活的起始点</h3>
    <a id="ha2" href="" title="注册/登录"><h3>注册/登录</h3></a>
</header>

<nav>                                                    <!--导航链接 -->
    <ul>
        <li><a href="home.html">首页</a></li>
        <li><a href="introudction.html">企业介绍</a></li>

        <div class="nud">
            <a href="product.html" class="nuda">产品中心</a>
            <div class="nudd">
                <a href="product.html">客厅家具</a>
                <a href="product.html">床上用品</a>
                <a href="product.html">美容护肤</a>
                <a href="product.html">酒水饮料</a>
                <a href="product.html">限时优惠</a>
            </div>
        </div>

        <li><a href="https://www.so.com/s?src=lm&ls=sm2365970&lm_extend=ctype:31&q=%E7%BB%B4%E8%8E%B9" target="_blank">新闻动态</a></li>
        <li><a href="join.html">加入我们</a></li>
    </ul>
</nav>

<div class="box">                                                 <!--第一个盒模型-->
        <div id="ha1">                                            <!-- 动画 广告轮播区域-->

        </div>

        <aside id="ha3">                                          <!-- 边栏区 联系我们 -->
            <div id="ad">
            <img src="image/contact02.jpg" alt=""/>
            <div>
                <table class="tab01">
                    <tr>
                        <td>地址:</td>
                        <td>新乡市牧野区</td>
                    </tr>
                    <tr>
                        <td>电话:</td><td>12345678</td>
                    </tr>
                    <tr>
                        <td>邮箱:</td><td>yingying@163.com</td>
                    </tr>
                </table>

            </div>
            </div>
        </aside>

</div>

<div class="box01">                                             <!--第二个盒模型-->

    <div class="new">                                                  <!--热卖商品-->
        <div><img id="nd" src="image/hot.jpg" alt=""/></div><br/>

        <a href="" title="威士忌" id="ba1">
            <img id="na" src="image/product01.jpg" alt=""/><br/>
            <h3>威士忌 特价￥168</h3>
        </a>

        <a href="" title="情侣手表" id="ba2">
            <img id="na1" src="image/product02.jpg" alt=""/><br/>
            <h3>情侣手表 特价￥19999</h3>
        </a>

        <a href="" title="女士香水" id="ba3">
            <img id="na2" src="image/product05.jpg" alt=""/><br/>
            <h3>女士香水 特价￥1600</h3>
        </a>


    </div>

    <div class="register">                                               <!--登录表单-->
        <img id="ri" src="image/register.jpg" alt=""/><br/>

        <form action="" id="fo">
            <table>
            <tr>
                <td>用户名</td>
                <td><input type="text" id="user01" maxlength="11" placeholder="请输入您的用户名" required/></td>
            </tr>

                <tr id="fot">
                    <td>密码</td>
                    <td><input type="password" id="password01" maxlength="16" placeholder="请输入您的密码" required/></td>
                </tr>

                <tr>
                    <th colspan="2"><input type="submit" value="登录"></th>
                </tr>
            </table>
        </form>

        <div class="dbd">
        <a href="" >忘记密码</a>
        <a href="" id="zc">注册账号</a>
        </div>

    </div>
</div>

<div class="news">
    <img id="nei" src="image/news.jpg" alt=""/><br><br>
    <div class="box03">
    <div class="nd">
        <a href="https://www.so.com/s?src=lm&ls=sm2365970&lm_extend=ctype:31&q=%E7%BB%B4%E8%8E%B9" target="_blank" title="企业新闻">深圳市维莹装饰工程设计有限公司办公室地址位于中国个经济特区，<br>鹏城深圳，深圳 深圳市宝安区西乡街道富华社区富瑰路富瑰园D栋三单元201，<br>于2019年09月02日在深圳市市场监督管理局注册成立.</a>
    </div>

<div id="nea02">
        <a href="https://www.so.com/s?src=lm&ls=sm2365970&lm_extend=ctype:31&q=%E7%BB%B4%E8%8E%B9" target="_blank" title="企业新闻">维莹中国新世代于深圳正式开幕。深圳<br>
            京东店选址中国电商的代表企业——总部园区内，这是<br>
            HOTEL后在中国的一次新世代事业形态布局。</a>
</div>
    </div>

</div><br><br><br><br>

<div>
    <div><h2>留言板</h2></div>
    <form action="">
        <table class="">
            <tr>
                <td>用户名</td>
                <td><input type="text"/></td>

                <td>QQ</td>
                <td><input type="text"/></td>

                <td>留言时间</td>
                <td><input type="text"/></td>
            </tr>
            <tr>
                <td>内容</td>
                <td colspan="5"><input type="text"/></td>
            </tr>

            <tr>
                <th colspan="2"><input type="submit" value="提交留言"></th>
                <th colspan="2"><input type="submit" value="返回"></th>
            </tr>


        </table>
    </form>

</div>


</div><br><br><br><br>

<footer>                                                                    <!-- 页脚区 -->
            Copyjwying ©  All Rights Reserved. 版权所有
</footer>
<br>
</body>
</html>